<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  <div class="form_box">
    <div class="title1">售后订单审核</div>
    <div class="title2">
      <div class="title2_text">电梯信息</div>
    </div>
    <div class="content_box1">
      <div class="content_item1">
        <div>电梯编号：</div>
        <div>{$row.lift.lift_number}</div>
      </div>
      <div class="content_item1">
        <div>所在地区：</div>
        <div>{$row.lift.area}</div>
      </div>
      <div class="content_item1">
        <div>电梯地址：</div>
        <div>{$row.lift.buildings}</div>
      </div>
      <div class="content_item1">
        <div>电梯使用标志：</div>
        <img class="content_item1_img"
             src="{$row.lift.green_map}" alt="">
      </div>
      <div class="content_item2">
        <div>
          <span>业主姓名：</span>
          <span>{$row.lift.real_name}</span>
        </div>
        <div>
          <span>电梯规格：</span>
          <span>{$row.service.specifications}</span>
        </div>
      </div>
      <div class="content_item2">
        <div>
          <span>联系电话：</span>
          <span>{$row.lift.phone}</span>
        </div>
        <div>
          <span>业务员：</span>
          <span>{$row.user.real_name}</span>
        </div>
      </div>
    </div>
    <div class="title2">
      <div class="title2_text">售后信息</div>
    </div>
    <div class="content_box1">
      <div class="content_item1">
        <div>套餐名称：</div>
        <div>{$row.package}</div>
      </div>
      <div class="content_item1">
        <div>套餐时长：</div>
        <div>{$row.duration}</div>
      </div>
      <div class="content_item1">
        <div>成交价格：</div>
        <div>{$row.pay_price}</div>
      </div>
      <div class="content_item1">
        <div>付款时间：</div>
        <div>{$row.pay_time}</div>
      </div>
      <div class="content_item1">
        <div>服务日期：</div>
        <div>{$row.service_time}</div>
      </div>
      <div class="content_item1">
        <div>清洁结束时间：</div>
        <div>{$row.cleaning_end_time}</div>
      </div>
      <div class="content_item1">
        <div>申请时间：</div>
        <div>{$row.add_time}</div>
      </div>
      <div class="content_item1">
        <div>售后编号：</div>
        <div>{$row.number}</div>
      </div>

      <div class="content_item1">
        <div>售后原因：</div>
        <div>{$row.remark_text}</div>
      </div>
      <div class="content_item1">
        <div>补充说明：</div>
        <textarea style="height: 80px;" name="" id="" cols="30" rows="10" readonly>
                     {$row.question}
                </textarea>
      </div>
      <div class="content_item1">
        <div>补充依据：</div>
        <img class="content_item1_img" src="{$row.image}" alt="">
      </div>
    </div>
    <div class="title2">
      <div class="title2_text">审核信息</div>
      {if condition="$row.service_status eq 1"}
      <div class="box-header with-border">
        <span style="margin-right: 20px;color: rgb(243,165,88);">已处理</span>
      </div>
      {elseif condition="$row.service_status eq 2"/}
      <div class="box-header with-border">
        <span style="margin-right: 20px;color: rgb(243,165,88);">待处理</span>
      </div>
      {elseif condition="$row.service_status eq 3"/}
      <div class="box-header with-border">
        <span style="margin-right: 20px;color: rgb(243,165,88);">已关闭</span>
      </div>
      {/if}
    </div>
    <!--审核信息-->
    <div class="content_box1">
      <div class="content_item1">
        <div>审核：</div>
        <div>
          <div class="col-xs-12">
            {:build_radios('row[service_status]', [1=>'已处理', 3=>'关闭售后'])}
          </div>
        </div>
      </div>
      <div class="content_item1 " style="">
        <div><span style="color: red">*</span>处理方案：</div>
        <div>
          <div>  <input id="c-handle_type" class="form-control" data-rule="required" name="row[handle_type]"  type="text" value="" /></div>
        </div>
      </div>
      <div class="content_item1 bh"  style="display: none">
        <div><span style="color: red">*</span>关闭原因：</div>
        <div>
          <div class="col-xs-12">
            {:build_radios('row[close_status]', [1=>'与实情不符', 2=>'协商一致'])}
          </div>
        </div>
      </div>
      <div class="content_item1 " style="">
        <div>解决凭证：</div>
        <div class="col-xs-12" style="border: 1px solid #E5E5E5;padding: 10px;min-width: 200px;margin-right: 20px;">
          <ul class="row list-inline faupload-preview" id="p-handle_voucher" style="display: flex" data-template="handle_voucher" data-name="row[desc]"></ul>
          <div class="input-group">
            <input class="form-control" data-rule="" id="c-handle_voucher" name="row[handle_voucher]" size="50" type="hidden"
                   value="">
            <div class="input-group-addon no-border no-padding">
                        <span><button class="btn btn-danger faupload" data-input-id="c-handle_voucher" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
                                      data-preview-id="p-handle_voucher"
                                      data-multiple="true"
                                      id="faupload-handle_voucher" type="button"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
            </div>
            <!--这里自定义图片预览的模板 开始-->
            <script type="text/html" id="handle_voucher">
              <li  style="position: relative;width: 100%">
                <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
                  <img src="<%=fullurl%>" class="img-responsive">
                </a>
                <a href="javascript:;" class="btn-trash" style="position: absolute;right: 10px;top: 0;color: #111111">x</a>
              </li>
            </script>
          </div>
        </div>

    </div>
    <div class="form-group layer-footer">
      <label class="control-label col-xs-12 col-sm-2"></label>
      <div class="col-xs-12 col-sm-8">
        <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
      </div>
    </div>
<!--    <div class="content_box1">-->
<!--      <div class="content_item1">-->
<!--        <div> <span style="color: red;">*</span> 审核信息：</div>-->
<!--        <div>-->
<!--          <input type="radio" name="" checked>同意退款-->
<!--          <input type="radio" name="">关闭售后-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="content_item1">-->
<!--        <div>关闭原因：</div>-->
<!--        <div>-->
<!--          <input type="radio" name="" checked>用户已使用过套餐-->
<!--          <input type="radio" name="">协商一致-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
<!--    <div class="btn_box">-->
<!--      <button>保存</button>-->
<!--      <button>取消</button>-->
<!--    </div>-->
  </div>
</form>
<style>
  .form_box{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .title1,.title2{
    width: 100%;
    font-weight: bold;
  }
  .title1{
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
  }
  .title2{
    background-color: rgb(215,215,215);
    display: flex;
    align-items: center;
  }
  .title2_text{
    margin: 10px 30px;
  }

  .content_box1{
    margin-top: 30px;
    width: 90%;
    display: flex;flex-wrap: wrap;

  }
  .content_item1{
    width: 33%;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
  }
  .content_item2{
    width: 33%;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .content_item3{
    width: 25%;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
  }
  .content_item4{
    width: 50%;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
  }
  .content_item1_img{
    margin: 0 20px;
    max-width: 150px;
    max-height: 150px;
  }
  .btn_box{
    margin: 20px 0;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
</style>